{__NOLAYOUT__}
<layout name="layoutPC" />
<div class="container-fluid" ng-controller="publishSubmitController">
<form name="publishForm" role="form" novalidate>
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 text-center">
            <h1 class="main-title" style="font-size: 32px">
                现在发活
            </h1>
        </div>
        <div class="col-sm-10 col-sm-offset-1" style="margin-top:30px">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2">
                    <div class="form-horizontal big-input-group margin-0" >
                        <div class="form-group margin-0" ng-class="{ 'has-warning has-feedback' : publishForm.missionName.$invalid }">
                            <label  class="col-sm-3 left-grey-lable">
                                标题
                            </label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control big-input"  ng-model="missionName" name="missionName" maxlength="30" required >

                                <span ng-show="publishForm.missionName.$invalid" class="glyphicon glyphicon-warning-sign form-control-feedback" aria-hidden="true" style="top: 7px;"></span>
                                <div class="warning" ng-show="publishForm.missionName.$invalid">
                                    <span class="error" ng-show="publishForm.missionName.$error.required">
                                        任务标题不能为空
                                    </span>
                                </div>
                                <p class="help-information">
                                    30字以内，建议格式：（时长）级别-（片名）-招募主要内容
                                    <br/>
                                    例1：5分钟宣传片找调色
                                    <br/>
                                    例2：院线电影《醉心》找剪辑助理
                                </p>
                            </div>
                        </div>
                        <div class="form-group margin-0">
                            <div class="mid-ckbx col-sm-9 col-sm-offset-3" style="font-size: 17px;">
                                <input type="checkbox" ng-model="isPhonePublic"> 发布本活儿时公开电话，结束后恢复原状态
                            </div>
                        </div>
                        <div class="form-group ">
                            <div class="mid-ckbx col-sm-9 col-sm-offset-3" style="font-size: 17px;">
                                <input type="checkbox" ng-model="isAgent"> 适用于您的代表机构（私活儿可不勾选）
                            </div>
                        </div>
                        <div class="form-group">
                            <label  class="col-sm-3 left-grey-lable">
                                任务有效期
                            </label>
                            <div class="col-sm-9">
                                <select class="form-control big-input" ng-init="validTime = validTimes[2].value" ng-model="validTime" ng-options="m.value as m.name for m in validTimes"  style="margin-bottom: 10px;margin-top: 3px">
                                </select>
                            </div>
                            <div class="col-sm-9 col-sm-offset-3" >
                                <p class="help-information">
                                    选择任务有效期后，任务将在有效期截止时下架任务，
                                    <br/>建议选择长期，可在任务管理随时更改状态
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2">
                    <div class="col-sm-12 padding-0">
                        <div class="form-group big-input-group">
                            <label class="left-grey-lable">
                                岗位时限筛选
                            </label>
                        </div>
                        <div class="work-time-picker double-column">
                            <div class="choice-picked">
                                <div class="choices">
                                    <div class="choice" ng-repeat="job in jobs"  ng-show="job.active">
                                        {{job.stat_name}}
                                        <div class="cancel" ng-click="jobClick($index)"></div>
                                    </div>
                                    <div class="choice" ng-repeat="duration in durations"  ng-show="duration.active" >
                                        {{duration.name}}
                                        <div class="cancel" ng-click="durationClick($index)"></div>
                                    </div>
                                </div>

                            </div>
                            <div class="choice-unpicked">
                                岗位筛选（可多选）
                                <div class="work-choices" id="overflowhidden">
                                    <div class="choice" ng-repeat="job in jobs" ng-click="jobClick($index)" ng-show="!job.active">
                                        {{job.stat_name}}
                                    </div>
                                    <input type="hidden" name="jobs" ng-model="jobMeaning" required>
                                    <div class="warning"
                                         ng-show="publishForm.jobs.$invalid" style="clear:both">
                                        <span class="error"
                                               ng-show="publishForm.jobs.$error.required" style="top:7px">
                                            至少选择一个岗位
                                        </span>
                                    </div>
                                    <!--<div class="choice">
                                        导演（团队/副导演）
                                    </div>
                                    <div class="choice">
                                        编剧
                                    </div>
                                    <div class="choice">
                                        制片（团队）
                                    </div>
                                    <div class="choice">
                                        演员/模特/主持/配音
                                    </div>
                                    <div class="choice">
                                        摄影/灯光
                                    </div>
                                    <div class="choice">
                                        美术
                                    </div>
                                    <div class="choice">
                                        录音/作曲
                                    </div>
                                    <div class="choice">
                                        剪辑
                                    </div>
                                    <div class="choice">
                                        调色
                                    </div>
                                    <div class="choice">
                                        特效（二维/三维动画）
                                    </div>
                                    <div class="choice">
                                        导演助理/场记
                                    </div>
                                    <div class="choice">
                                        平面设计（UI/海报等）
                                    </div>
                                    <div class="choice">
                                        平面摄影
                                    </div>
                                    <div class="choice">
                                        开发/编程
                                    </div>
                                    <div class="choice">
                                        其他
                                    </div>-->
                                </div>
                                <hr>
                                时限筛选（可多选）
                                <div class="time-choices">
                                    <div class="choice" ng-repeat="duration in durations" ng-click="durationClick($index)" ng-show="!duration.active">
                                        {{duration.name}}
                                    </div>
                                    <input type="hidden" name="duration" ng-model="durationMeaning" required>
                                    <div class="warning"ng-show="publishForm.duration.$invalid" style="clear:both">
                                        <span class="error"
                                               ng-show="publishForm.duration.$error.required" style="top:7px">
                                            至少选择一个时限
                                        </span>
                                    </div>
                                    <!--<div class="choice">
                                        三天内
                                    </div>
                                    <div class="choice">
                                        两周内
                                    </div>
                                    <div class="choice">
                                        三个月内
                                    </div>
                                    <div class="choice">
                                        长期
                                    </div>-->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2">
                    <div class="col-sm-12">
                        <div  class="form-horizontal big-input-group margin-0">
                            <div class="form-group" style="margin-top: 15px">
                                <div class="row">
                                    <label  class="col-sm-3 left-grey-lable">
                                        薪酬范围
                                    </label>
                                    <div class="col-sm-9">
                                        <select class="form-control big-input" ng-model="salary1" ng-init="salary1 = salary[1].id" ng-options="m.id as m.name for m in salary">
                                        </select>
                                    </div>
                                    <div class="col-sm-9 col-sm-offset-3">
                                        <input type="number" class="form-control big-input" ng-show="salary1 == 1" ng-model="salary2" placeholder="输入薪酬数额">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-9 col-sm-offset-3">
                                        <p class="help-information">
                                            自填建议格式：如包活3w起；xx/天等；涨经验即无报酬
                                        </p>
                                    </div>
                                </div>
                                <div class="row" style="margin-bottom: 15px">
                                    <label  class="col-sm-3 left-grey-lable">
                                        工作地点
                                    </label>
                                    <div class="col-sm-3">
                                        <select class="form-control big-input"  ng-model="location1" ng-init="location1 = locations[0].id" ng-options="m.id as m.name for m in locations">
                                        </select>
                                    </div>
                                    <div ng-show="location1 == 3" class="col-sm-6">
                                        <div class="col-sm-6" style="padding-right: 0">
                                            <select id="selectP" class="form-control big-input" ng-model="province" ng-options="m for m in provinces">
                                                <option value="">--省份--</option>
                                            </select>
                                        </div>
                                        <div class="col-sm-6" style="padding-right: 0">
                                            <select class="form-control big-input" ng-model="city" ng-options="m for m in cities">
                                                <option value="">--城市--</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <label  class="col-sm-3 left-grey-lable">
                                        详细描述
                                    </label>
                                    <div class="col-sm-9">
                                        <textarea class="big-input form-control" rows="4" ng-model="description"></textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-sm-9 col-sm-offset-3">
                                        <p class="help-information">
                                            600字以内
                                        </p>
                                    </div>
                                </div>
                                <div class="row" style="margin-top: 40px">
                                    <div class="col-sm-6 col-sm-offset-3 text-center">
                                        <button class="btn-blue-line btn-lg btn-block" ng-disabled="publishForm.$invalid" type="button" ng-click="submit()">发布</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
</div>
